<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Home</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="robots" content="all,follow">
  <!-- Bootstrap CSS-->
  <link rel="stylesheet" href="../vendor/bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome CSS-->
  <link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css">
  <!-- Fontastic Custom icon font-->
  <link rel="stylesheet" href="../css/fontastic.css">
  <!-- Google fonts - Poppins -->
  <!-- theme stylesheet-->
  <link rel="stylesheet" href="../css/style.default.css" id="theme-stylesheet">
  <!-- Custom stylesheet - for your changes-->
  <link rel="stylesheet" href="../css/custom.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/exam.css">
  <!-- Favicon-->
  <link rel="shortcut icon" href="../img/favicon.png">
</head>

<body>
  <div class="page">
    <!-- Main Navbar-->
    <header class="header">
      <nav class="navbar">
        <!-- Search Box-->
        <div class="search-box">
          <button class="dismiss"><i class="icon-close"></i></button>
          <form id="searchForm" action="#" role="search">
            <input type="search" placeholder="What are you looking for..." class="form-control">
          </form>
        </div>
        <div class="container-fluid">
          <div class="navbar-holder d-flex align-items-center justify-content-between">
            <!-- Navbar Header-->
            <div class="navbar-header">
              <!-- Navbar Brand --><a href="#" class="navbar-brand d-none d-sm-inline-block">
                <div class="brand-text d-none d-lg-inline-block"><span></span><strong>在线考试系统</strong></div>
              </a>
              <!-- Toggle Button--><a id="toggle-btn" href="#"
                class="menu-btn active"><span></span><span></span><span></span></a>
            </div>
            <!-- Navbar Menu -->
            <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
              <!-- Search-->
              <li class="nav-item d-flex align-items-center"><a id="search" href="#"><i class="icon-search"></i></a>
              </li>
              <!-- Notifications-->
              <li class="nav-item dropdown"> <a id="notifications" rel="nofollow" data-target="#" href="#"
                  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link"><i
                    class="fa fa-bell-o"></i><span class="badge bg-red badge-corner">12</span></a>
                <ul aria-labelledby="notifications" class="dropdown-menu">
                  <li><a rel="nofollow" href="#" class="dropdown-item">
                      <div class="notification">
                        <div class="notification-content"><i class="fa fa-envelope bg-green"></i>你有。条信息 </div>
                        <div class="notification-time"><small>4分钟前</small></div>
                      </div>
                    </a></li>
                  <li><a rel="nofollow" href="#" class="dropdown-item">
                      <div class="notification">
                        <div class="notification-content"><i class="fa fa-twitter bg-blue"></i>你有。条通知</div>
                        <div class="notification-time"><small>10分钟前</small></div>
                      </div>
                    </a></li>
                  <li><a rel="nofollow" href="#" class="dropdown-item all-notifications text-center"> <strong>显示所有
                      </strong></a></li>
                </ul>
              </li>
              <!-- Logout    -->
              <li class="nav-item"><a href="../login.html" class="nav-link logout"> <span
                    class="d-none d-sm-inline">退出登录</span><i class="fa fa-sign-out"></i></a></li>
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <div class="page-content d-flex align-items-stretch">
      <!-- Side Navbar -->

      <div class="container">
        <section class="tables">
          <div class="container">
            <div class="title">
              <h1>第七周周测</h1>
              <p><b>试卷信息</b></p>
              <p><b>考试内容：</b>第七单元内容 <b>考试时长：</b>120分钟 <b>卷面总分：</b>120</p>
            </div>

            <div class="type-header">
              <ul class="typeBox page-header">
                <li data-typeid='0'>单选题</li>
                <li data-typeid='1'>多选题</li>
                <li data-typeid='2'>判断题</li>
              </ul>
            </div>

            <div class="ansquestion">
              <p id="singquestion" data-type="0">单选题</p>
              <li data-indexid="1" class="questionBody">
                <span class="question-title-content"><span class="LearningStem">1、</span>
                  <span class="LearningStemSpan">大多数媒体查询属性包含min-和max-前缀，它们的含义是（）</span></span>

                <span class="LearningStem">(2分)</span>

                <ol class="singChoice">
                  <li data-selectanswer="0">
                    <span>A、小于和大于</span></li>
                  <li data-selectanswer="1">
                    <span>B、小于等于和大于</span></li>
                  <li data-selectanswer="2">
                    <span>C、小于等于和大于等于</span></li>
                  <li data-selectanswer="3">
                    <span>D、小于等于和大于</span></li>
                </ol>

              </li>

              <li data-indexid="2" class="questionBody">
                <span class="question-title-content"><span class="LearningStem">2、</span>
                  <span class="LearningStemSpan">大多数媒体查询属性包含min-和max-前缀，它们的含义是（）</span></span>

                <span class="LearningStem">(2分)</span>

                <ol class="singChoice">
                  <li data-selectanswer="0">
                    <span>A、小于和大于</span></li>
                  <li data-selectanswer="1">
                    <span>B、小于等于和大于</span></li>
                  <li data-selectanswer="2">
                    <span>C、小于等于和大于等于</span></li>
                  <li data-selectanswer="3">
                    <span>D、小于等于和大于</span></li>
                </ol>
              </li>
              <p id="mutiplequestion" data-type="1">多选题</p>
              <li data-indexid="3" class="questionBody">
                <span class="question-title-content"><span class="LearningStem">3、</span>
                  <span class="LearningStemSpan">大多数媒体查询属性包含min-和max-前缀，它们的含义是（）</span></span>

                <span class="LearningStem">(2分)</span>

                <ol class="multipleChoice">
                  <li data-selectanswer="0">
                    <span>A、小于和大于</span></li>
                  <li data-selectanswer="1">
                    <span>B、小于等于和大于</span></li>
                  <li data-selectanswer="2">
                    <span>C、小于等于和大于等于</span></li>
                  <li data-selectanswer="3">
                    <span>D、小于等于和大于</span></li>
                </ol>
              </li>
              <li data-indexid="4" class="questionBody">
                <span class="question-title-content"><span class="LearningStem">4、</span>
                  <span class="LearningStemSpan">大多数媒体查询属性包含min-和max-前缀，它们的含义是（）</span></span>

                <span class="LearningStem">(2分)</span>

                <ol class="multipleChoice">
                  <li data-selectanswer="0">
                    <span>A、小于和大于</span></li>
                  <li data-selectanswer="1">
                    <span>B、小于等于和大于</span></li>
                  <li data-selectanswer="2">
                    <span>C、小于等于和大于等于</span></li>
                  <li data-selectanswer="3">
                    <span>D、小于等于和大于</span></li>
                </ol>
              </li>
              <li data-indexid="5" class="questionBody">
                <span class="question-title-content"><span class="LearningStem">5、</span>
                  <span class="LearningStemSpan">大多数媒体查询属性包含min-和max-前缀，它们的含义是（）</span></span>

                <span class="LearningStem">(2分)</span>

                <ol class="multipleChoice">
                  <li data-selectanswer="0">
                    <span>A、小于和大于</span></li>
                  <li data-selectanswer="1">
                    <span>B、小于等于和大于</span></li>
                  <li data-selectanswer="2">
                    <span>C、小于等于和大于等于</span></li>
                  <li data-selectanswer="3">
                    <span>D、小于等于和大于</span></li>
                </ol>
              </li>
              <p id="judgequestion" data-type="2">判断题</p>
              <li data-indexid="6" class="questionBody">
                <span class="question-title-content"><span class="LearningStem">6、</span>
                  <span class="LearningStemSpan">在媒体查询属性中，min-前缀表示小于。</span></span>

                <span class="LearningStem">(2分)</span>

                <ol class="multipleChoice">
                  <li data-selectanswer="0">
                    <span>√</span></li>
                  <li data-selectanswer="1">
                    <span>×</span></li>
                </ol>
              </li>
            </div>
            <div class="answerCard  page-header">
              <div>
                <ul class="answerStatus clearfix">
                  <li>
                    <em class="corrent"></em><span>已作答</span>
                  </li>
                  <!-- <li>
                            <em class="error"></em><span>错误</span>
                        </li> -->
                  <li>
                    <em class="noans"></em><span>未作答</span>
                  </li>
                </ul>
              </div>
              <ul class="thirdLeiAnswer">
                <span><span style="font-weight: bold">单选题</span>&nbsp;&nbsp;&nbsp;&nbsp;共: 4分</span>
                <li class="radioAnswer">
                  <ol>
                    <li class="noans" data-answerid="1">1</li>
                  </ol>
                  <ol class="clearfix">
                    <li class="noans" data-answerid="2">2</li>
                  </ol>
                </li>
                <span><span style="font-weight: bold">多选题</span>&nbsp;&nbsp;&nbsp;&nbsp;共: 2分</span>
                <li class="radioAnswer">
                  <ol>
                    <li class="noans" data-answerid="3">3</li>
                  </ol>
                  <ol class="clearfix">
                    <li class="noans" data-answerid="4">4</li>
                  </ol>
                </li>
                <span><span style="font-weight: bold">判断题</span>&nbsp;&nbsp;&nbsp;&nbsp;共: 2分</span>
                <li class="radioAnswer">
                  <ol>
                    <li class="noans" data-answerid="5">5</li>
                  </ol>
                  <ol class="clearfix">
                    <li class="noans" data-answerid="6">6</li>
                  </ol>
                </li>
              </ul>
            </div>
          </div>
        </section>


      </div>

    </div>

    <!-- Page Footer-->
    <footer class="main-footer" style="position: relative;">
      <div class="container-fluid">
        <div class="row">
          <div class="col-sm-6">
            <p>Copyright &copy; 桂林电子科技大学</p>
          </div>
          <div class="col-sm-6 text-right">
            <p>
              在线考试系统
            </p>
          </div>
        </div>
      </div>
    </footer>

  </div>
  <!-- JavaScript files-->
  <script src="../vendor/jquery/jquery.min.js"></script>
  <script src="../vendor/popper.js/umd/popper.min.js"> </script>
  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
  <script src="../vendor/jquery.cookie/jquery.cookie.js"> </script>
  <script src="../vendor/chart.js/Chart.min.js"></script>
  <!-- <script src="vendor/jquery-validation/jquery.validate.min.js"></script> -->
  <!-- <script src="js/charts-home.js"></script> -->
  <!-- Main File-->
  <script src="../js/front.js"></script>
  <script src="../js/exam.js"></script>
</body>

</html>